<div class="row">
    <div class="content">
        <div class="col-xs-12 col-sm-3">
            <div class="sidebar">
                <div class="gadget">
                    <ul class="nav nav-pills nav-stacked" role="tablist" id="myTab">
                        <li role="presentation" class="active">
                            <a href="#1" aria-controls="1" role="tab" data-toggle="tab">หน้าแรก</a>
                        </li>
                        <li>
                            <a href="#2" aria-controls="2" role="tab" data-toggle="tab">ค้นหาข้อมูลครุภัณฑ์</a>
                        </li>
                        <li>
                            <a href="#3" aria-controls="3" role="tab" data-toggle="tab">เพิ่มข้อมูลครุภัณฑ์</a>
                        </li>
                        <li>
                            <a href="#4" aria-controls="4" role="tab" data-toggle="tab">แก้ไขข้อมูลครุภัณฑ์</a>
                        </li>
                        <li>
                            <a href="#5" aria-controls="5" role="tab" data-toggle="tab">เปลี่ยนสถานะครุภัณฑ์</a>
                        </li>

                        <li>
                            <a href="#6" aria-controls="6" role="tab" data-toggle="tab">ยืมครุภัณฑ์</a>
                        </li>
                        <li>
                            <a href="#7" aria-controls="7" role="tab" data-toggle="tab">คืนครุภัณฑ์</a>
                        </li>
                        <li>
                            <a href="#8" aria-controls="8" role="tab" data-toggle="tab">ประวัติการยืมครุภัณฑ์</a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>